//表单校验
function checkUsername() {
    //1.获取用户名值
    var username = $("#username").val();
    //2.定义正则
    var reg_username = /^\w{4,20}$/;
    //3.判断，给出提示信息
    var flag = reg_username.test(username);
    if(flag){
        //用户名合法
        $("#username").css("border","");
    }else{
        //用户名非法,加一个红色边框
        $("#username").css("border","1px solid red");
    }
    return flag;
}

function checkUserid() {
    //1.获取用户id
    var userid = $("#user_id").val();
    //2.定义正则
    var reg_username = /^\w{4,20}$/;
    //3.判断，给出提示信息
    var flag = reg_username.test(userid);
    if(flag){
        //用户id合法
        $("#user_id").css("border","");
    }else{
        //用户id非法,加一个红色边框
        $("#user_id").css("border","1px solid red");
    }
    return flag;
}

//校验密码
function checkPassword() {
    //1.获取密码值
    var password = $("#password").val();
    //2.定义正则
    var reg_password = /^\w{8,20}$/;
    //3.判断，给出提示信息
    var flag = reg_password.test(password);
    if(flag){
        //密码合法
        $("#password").css("border","");
    }else{
        //密码非法,加一个红色边框
        $("#password").css("border","1px solid red");
    }
    return flag;
}

//检验密码一致性
function doublecheckPassword() {
    var password = $("#password").val();
    var doublepassword=$("#user_confirm_password").val()
    var flag=0;
    if(password===doublepassword){
        //密码一致
        $("#user_confirm_password").css("border","");
        flag=1;
    }
    else{
        //密码不一致,加一个红色边框
        $("#user_confirm_password").css("border","1px solid red");
    }
    return flag;
}

//校验邮箱
function checkEmail(){
    //1.获取邮箱
    var email = $("#email").val();
    //2.定义正则 itcast@163.com
    var reg_email = /^\w+@\w+\.\w+$/;
    //3.判断
    var flag = reg_email.test(email);
    if(flag){
        $("#email").css("border","");
    }else{
        $("#email").css("border","1px solid red");
    }
    return flag; }
$(function () {
    //当表单提交时，调用所有的校验方法
    // $("#registForm").submit(function(){
    $("#btn_login").click(function (){
        if(checkUsername() && checkPassword() && checkEmail() && checkUserid() && doublecheckPassword())
        {
            $.post("registUserServlet", //传输表单中User的数据
                {
                    user_name:  $("#username").val(),
                    user_id:    $("#user_id").val(),
                    user_email: $("#email").val(),
                    user_pwd:   $("#password").val(),
                    user_head:  "123.jpg",//头像

                },
                function (data)
                {
                    if(data)
                    {
                        alert("注册成功")
                        location.href="origin-web.html"; //注册成功，跳转至登录
                    }
                    else
                    {
                        alert("注册失败,该用户名已存在");
                    }

                })
        }
        //如果这个方法没有返回值，或者返回为 true，则表单提交，如果返回为 false，不提交表单
        else
        {

            alert("信息不符合规范，请重新填写");
            return false;
        }
    });
    //当某一个组件失去焦点是，调用对应的校验方法
    $("#username").blur(checkUsername);
    $("#password").blur(checkPassword);
    $("#email").blur(checkEmail);
    $("#user_id").blur(checkUserid);
    $("#user_confirm_password").blur(doublecheckPassword);
});